<template>
  <div class="hotBlogs">
    <my-index-hot-blog v-for="(item, id) in hotBlogs"
                       :hot-blog-item="item" :key="id">
    </my-index-hot-blog>
  </div>
</template>

<script>
import myIndexHotBlog from "./myIndexHotBlog";

export default {
  name: "myIndexHotBlogs",
  props: {
    hotBlogs:{
      style: Object,
      default(){
        return {}
      }
    }
  },
  components: {
    myIndexHotBlog
  }
}
</script>

<style scoped>
.hotBlogs{
  margin: 10px 10px 10px 10px;
  height: auto;
  width: 100%;
  flex-direction: column;
}
</style>